/*用户中心*/

/*左侧*/
.saderBar {
    float: left;
    padding-right: 30px;
    border-right: 1px solid #eee;
    width: 230px;
    background-color: #fff;
}
.saderBar .my-account {
    color: #2d2d2d;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 30px;
}
.saderBar ul li a {
    font-size: 16px;
    color: #2d2d2d;
    line-height: 20px;
    padding: 11px 0;
    text-transform: capitalize;
    position: relative;
    display: inline-block;
}
.saderBar ul li.on a,
.saderBar ul li a:hover {
    color: #F1811F;
}

.userBox {
    float: right;
    position: relative;
    width: calc(100% - 270px);
    min-height: 465px;
    min-height: 693px;
}
.userBox .account-setting-info li.avavtar-contanier .avatarBox {
    width: 100px;
    height: 100px;
    position: relative;
    text-align: center;
    background-color: #eee;
    margin: 10px 0 30px;
    border: 2px solid #fff;
}
.userBox .account-setting-info li.avavtar-contanier .avatarBox .upload {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #666;
    width: 100%;
    height: 0;
    line-height: 30px;
    overflow: hidden;
    -moz-transition: height .5s 0s ease;
    transition: height .5s 0s ease;
    color: #fff;
    font-size: 12px;
}
.userBox .account-setting-info li.avavtar-contanier:hover .avatarBox .upload {
   height:30px
}


.userBox .account-setting-info li {
    line-height: 18px;
    margin-bottom: 30px;
}
.userBox .account-setting-info li .label-skin {
    color: #333333;
    font-size: 16px;
    margin-bottom: 10px;
}
.userBox .account-setting-info li .ui-input-group {
    max-width: 900px;
}
.userBox .account-setting-info li .ui-input-group .input-skin {
    border: 1px solid #ddd;
    color: #2d2d2d;
    font-size: 16px;
    height: 44px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border-radius: 3px;
    background: #fff;
    padding-left: 16px;
}
.userBox .account-setting-info li .ui-input-group .input-skin:focus {
    border-color: #333333;
}
.ui-input-group .input-skin.error {
    border-color: #FF4040!important;
    box-shadow: none!important;
}
.label-skin~label.error {
    color: #FF4040;
    font-size: 12px;
}
.userBox .account-setting-info li .birthday-block .ui-input-group {
    display: inline-block;
    width: 290px;
}
.userBox .account-setting-info li .birthday-block .ui-input-group+.ui-input-group {
    margin-left: 10px;
}

.ui-custom-radio {
    width: 18px;
    height: 18px;
    position: relative;
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #ccc;
    top: 2px;
    margin-right: 5px;
    border-radius: 50%;
}
.ui-custom-radio input[type=radio] {
    -webkit-appearance: none;
    visibility: hidden;
}
.ui-custom-radio input[type=radio]:not(:disabled):checked+.ui-custom-radio-checked, .ui-custom-radio input[type=radio]:not(:disabled):hover+.ui-custom-radio-checked {
    width: 10px;
    height: 10px;
    background: #FF4040!important;
    position: absolute;
    left: 2px;
    top: 2px;
    border-radius: 100%;
}
.ui-custom-radio input[type=radio]:not(:disabled):checked+.ui-custom-radio-checked:before, .ui-custom-radio input[type=radio]:not(:disabled):hover+.ui-custom-radio-checked:before {
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    left: -4px;
    top: -4px;
    border-radius: 100%;
    border: 2px solid #FF4040;
}
.userBox .account-setting-info li .email-text {
    max-width: 50%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
}

.userBox .account-setting-info li h5 {
    color: #2d2d2d;
    font-size: 20px;
    margin-bottom: 5px;
    margin-left: -10px;
}
.userBox .account-setting-info li h4 {
    font-size: 13px;
    margin-bottom: 20px;
    margin-left: -10px;
}
.personalInfo .perference-item {
    display: inline-block;
    margin-right: 15px;
    padding: 10px 30px;
    border: 1px solid #bbb;
    color: #666;
    font-size: 15px;
    border-radius: 6px;
    margin-bottom: 15px;
    position: relative;
}
.personalInfo .perference-item label {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.personalInfo .perference-item input {
    display: none;
}
.personalInfo .perference-item.checked {
    border-color: #2d2d2d;
    background-color: #2d2d2d;
    color: #fff;
}
.personalInfo.account-setting-info .submit-block{
    text-align: center;
}
.personalInfo.account-setting-info .submit-block button {
    display: inline-block;
    background-color: #2d2d2d;
    height: 44px;
    line-height: 44px;
    font-size: 18px;
    text-transform: uppercase;
    border-radius: 3px;
    padding: 0 60px;
    color: #fff;
}

.userH_tab a {
    float: left;
    position: relative;
    margin-right: 20px;
    font-size: 16px;
    text-transform: capitalize;
    text-align: center;
    *zoom: 1;
    /*border-bottom: 2px solid transparent;*/
    line-height: 24px;
    color: #999;
}
.userH_tab a:hover {
    color: #2d2d2d;
}
.userH_tab a.on {
    color: #2d2d2d;
}
.userH_tab a.on:after {
    content: '';
    display: block;
    width: 50%;
    height: 2px;
    margin: 5px auto 0px;
    background-color: #2d2d2d;
}
.userH_tab a.link {
    float: right;
}
/*地址*/
.userBox h4.title {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 30px;
    clear: both;
    color: #2d2d2d;
    margin-right: 15px;
}
.userBox h4.title .add-address {
    cursor: pointer;
    color: #F1811F;
}

.addressBook .list {
    display: inline;
    float: left;
    width: 360px;
    height: 170px;
    margin: 0 15px 15px 0;
    padding: 15px;
    position: relative;
    background-color: #f7f7f7;
    color: #666;
    font-size: 14px;
    line-height: 17px;
}
.addressBook .list .name-tel {
    margin-bottom: 15px;
    color: #2d2d2d;
    font-size: 16px;
    text-transform: capitalize;
    white-space: nowrap;
    overflow: hidden;
}
.addressBook .list .name-tel .name {
    max-width: 50%;
    height: 21px;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.addressBook .list .name-tel .tel {
    vertical-align: top;
    display: inline-block;
}
.addressBook .list .address-txt {
    color: #666666;
    max-height: 36px;
    overflow: hidden;
}
.addressBook .list .zip-email {
    color: #666666;
    margin-top: 15px;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.addressBook .addr_list_btns {
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 94%;
    left: 15px;
}
.addressBook .addr_list_btns a {
    display: inline-block;
    padding: 4px 10px;
    overflow: visible;
    white-space: nowrap;
    font-size: 14px;
    margin-right: 10px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    text-transform: uppercase;
    color: #2d2d2d;
    line-height: 17px;
}
.addressBook .addr_list_btns a.set-default {
    border: none;
    border-radius: 14px;
    text-transform: capitalize;
    float: right;
    color: #ccc;
    padding: 0 5px;
    font-size: 12px;
    margin-top: 7px;
}
.addressBook .addr_list_btns a.set-default.current {
    color: #fff;
    background-color: #06b190;
}

/*钱包*/
.user-wallet .user-wallet-content {
    padding-top: 25px;
}
.user-wallet .user-wallet-content .wallet-money-info dl {
    width: 260px;
    height: 140px;
    border-radius: 6px;
    padding: 25px 20px;
    background-color: #F7F7F7;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.user-wallet .user-wallet-content .wallet-money-info dl+dl {
    margin-left: 30px;
}
.user-wallet .user-wallet-content .wallet-money-info dl dt {
    font-size: 20px;
    color: #000;
    font-weight: bold;
}
.user-wallet .user-wallet-content .wallet-money-info dl dd {
    font-size: 28px;
    color: #FF4040;
    padding-top: 15px;
}
.user-wallet .user-wallet-content .wallet-note-title {
    font-weight: 700;
    padding: 20px 0px 5px;
    font-size: 14px;
}
.user-wallet .user-wallet-content .wallet-note-title+.wallet-notes {
    font-size: 14px;
}

.user-wallet .user-wallet-content .user-wallet-record {
    padding: 10px;
}
.user-wallet .user-wallet-content .user-wallet-record .user-wallet-record-money {
    font-size: 18px;
    color: #000;
    font-weight: 700;
}
.user-wallet .user-wallet-content .user-wallet-record .user-wallet-record-money span {
    color: #FF4040;
    padding-left: 5px;
}
.user-wallet .user-wallet-content .user-wallet-record .user-wallet-subtitle {
    font-size: 14px;
    margin-top: 20px;
}
.user-wallet .user-wallet-content .user-wallet-record .user-wallet-subtitle a.current {
    color: #FF4040;
}
.user-wallet .user-wallet-content .user-wallet-record .total-tip {
    font-size: 12px;
    text-transform: uppercase;
    color: #000;
    font-weight: 700;
    margin-top: 20px;
}

/*表格*/
.userTable {
    position: relative;
    z-index: 2;
    background-color: #fff;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
    border-spacing: 0;
}
.userTable td, .userTable th {
    font-size: 13px;
    padding: 10px 5px;
    text-align: center;
    border: 1px solid #e4e4e4;
}
.userTable th {
    background-color: #efefef;
    vertical-align: top;
}

.changepass {
    padding-top: 30px;
}
.userBox .i_table li {
    padding-bottom: 15px;
    overflow: hidden;
    display: flex;
}
.userBox .i_table .i_table_l {
    width: 240px;
    font-size: 16px;
    padding-right: 10px;
    line-height: 40px;
    text-align: right;
}
.userBox .i_table .pink {
    color: #000;
}
.userBox .i_table .i_table_r {
    flex: 1;
    line-height: 30px;
}
.userBox .i_table .inputText {
    padding: 10px;
    line-height: 20px;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    min-width: 513px;
}
.userBox .userRedBtn {
    display: block;
    background-color: #000;
    padding: 0 50px;
    height: 40px;
    color: #fff;
    font-size: 16px;
    border-radius: 3px;
    white-space: nowrap;
}
/*订单详情*/
.userTable .line {
    height: 5px;
    padding: 0;
    border: none;
    border-bottom: 1px solid #e4e4e4;
}
.userTable .orderDetailPro th {
    width: 54px
}
.userTable.orderDetail td {
    font-size: 14px;
    padding: 10px;
    text-align: left;
}
.userTable.orderDetail th {
    background-color: #efefef;
    vertical-align: middle;
}
.userTable.orderDetailPro .tr {
    text-align: right;
}
.userTable.orderDetailPro .order-detail-info {
    display: inline-block;
    vertical-align: top;
    width: 300px;
    margin-left: 10px;
    font-size: 13px;
}

/*优惠券*/
.user-coupon-content {
    margin: 24px 0;
}
.user-coupon-content .coupon-info-container {
    width: 464px;
    float: left;
    margin-bottom: 20px;
}
.user-coupon-content .coupon-info-container:nth-child(even) {
    margin-left: 20px;
}
.user-coupon-content .coupon-info-container .coupon-element {
    position: relative;
    font-size: 12px;
    width: 100%;
    height: 184px;
    color: #999;
    padding: 12px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #FF4040;
    border-radius: 6px;
    overflow: hidden;
}
.user-coupon-content .coupon-info-container .coupon-value {
    font-family: ProximaNova-Semibold;
    font-size: 24px;
    text-transform: uppercase;
    max-width: 300px;
    line-height: 24px;
    color: #2d2d2d;
    max-height: 48px;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.user-coupon-content .coupon-info-container .coupon-desc {
    margin-top: 4px;
    color: #2d2d2d;
    max-width: 340px;
    text-transform: capitalize;
}
.user-coupon-content .coupon-info-container .coupon-code {
    margin-top: 4px;
}
.user-coupon-content .coupon-info-container .coupon-detail {
    text-transform: capitalize;
    position: absolute;
    bottom: 12px;
    left: 12px;
    width: 100%;
}
.user-coupon-content .coupon-info-container .link-coupon-use {
    height: 32px;
    line-height: 32px;
    border-radius: 3px;
    background-color: #2a2a2a;
    padding: 0 18px;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    min-width: 72px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    position: absolute;
    right: 12px;
    top: 12px;
}
.user-coupon-content .no-coupon-data {
    text-align: center;
    padding-top: 150px;
    font-size: 16px;
    background: url(../images/no_coupon.png) no-repeat center center ;
}


/*喜欢*/
.userBox .myFavorites .proList li {
    position: relative;
    float: left;
    width: 208px;
    margin: 0 20px 30px 0;
}
.userBox .myFavorites .proList li:nth-child(5n) {
    margin-right: 0px;
}
.userBox .myFavorites .proList li .pro_name {
    width: 100%;
    margin: 10px 0px 5px;
}
.userBox .myFavorites .proList li .pro_name a {
    color: #333;
    font-size: 14px;
    line-height: 20px;
    height: 24px;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.userBox .myFavorites .proList li .pro_name a:hover {
    color: #FF4040;
}
.userBox .myFavorites .proList li .pro_price {
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
}
.userBox .myFavorites .proList li .pro_price strong.my_shop_price {
    color: #2d2d2d;
    font-size: 18px;
}
.userBox .myFavorites .proList li .pro_price del.my_shop_price  {
    color: #999;
    font-size: 14px;
}
.userBox .myFavorites .proList li .fav_add_cart {
    display: block;
    height: 42px;
    line-height: 40px;
    font-size: 14px;
    color: #2d2d2d;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    border: 1px solid #000;
    margin-top: 10px;
    cursor: pointer;
    font-weight: bold;
}
.userBox .myFavorites .proList li .fav_add_cart:hover {
    color: #fff;
    background-color: #000;
}
.userBox .myFavorites .proList li .fav_delete {
    position: absolute;
    width: 22px;
    height: 22px;
    background-color: #fff;
    border-radius: 50%;
    right: 5px;
    top: 5px;
    cursor: pointer;
    opacity: .5;
}
.userBox .myFavorites .proList li .fav_delete span {
    position: absolute;
    background-image: url(../images/category.png);
    background-position: -128px -78px;
    width: 10px;
    height: 10px;
    left: 6px;
    top: 6px;
}

.empty-data {
    width: 100%;
    padding: 30px;
    text-align: center;
}

/*评价*/
.review-content {
    margin: 24px 0px;
}


/*订单*/
.order-state-list a {
    height: 32px;
    line-height: 30px;
    border: 1px solid #E5E5E5;
    color: #999;
    font-size: 14px;
    text-transform: capitalize;
    padding: 0 16px;
    border-radius: 2px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}
.order-state-list a:hover {
    border-color: #2d2d2d;
    color: #2d2d2d;
}
.order-state-list a.on {
    background-color: #2d2d2d;
    color: #fff;
    border-color: #2d2d2d;
}
.userTable .td, .userTable .th {
    width: 140px;
    text-align: center;
    font-size: 14px;
    padding: 10px;
}
.userTable .th {
    border:none;
    background-color: #f5f5f5;
    vertical-align: top;
}
.userTable .nbr {
    text-align: left;
    padding: 10px;
    background-color: #f5f5f5;
}
.userTable .nbg {
    background: #fff;
    border:none;
    padding: 15px 10px;
}
.order_head {
    line-height: 16px;
}
.order_head .line_checkbox {
    display: inline-block;
    vertical-align: middle;
    height: 16px;
    cursor: pointer;
}
.order_head .line_checkbox input {
    float: left;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
.order_head span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}
.order_head span.time {
    font-weight: bold;
    margin-right: 30px;
}
.order_head .userTable-btn {
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    height: 28px;
    line-height: 26px;
    text-align: center;
    border:1px solid #f1811f;
    background: #ffe0c5;
    color: #e31717;
    margin-left: 280px;
}

.userTable .tr .goods {
    width: 360px;
}
.userTable .td.goods {
   padding: 0
}
.userTable .tr .price,.userTable .tr .quantity {
    width: 100px;
}
.userTable .tr .status {
    width: 160px;
}
.userTable .cell {
    min-height: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.userTable .cell .cell-row {
    width: 100%;
    padding: 10px;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.userTable .cell .cell-row  .cell-flex {
    width:160px;
    align-items: flex-start;
}
.userTable .td.goods .cell {
    flex-direction: row;
}
.userTable .td.goods .cell+.cell {
    border-top: 1px solid #e4e4e4;
}
.userTable .cell .cell-goods {
    display: flex;
    flex: 1;
    padding: 10px;
    max-width: 360px;
}
.userTable .cell .cell-goods .goods-image {
    width: 60px;
    margin-right: 10px;
}
.userTable .cell .cell-goods .goods-info {
    flex: 1;
    text-align: left;
}
.userTable .cell .cell-goods .goods-info .goods-title {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.userTable .cell .cell-goods .goods-info .goods-sku {
    margin-top: 10px;
    color: #999;
}
.userTable .cell .cell-flex {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100px;
    padding: 10px 5px;
}
.userTable .cell .cell-flex del {
    color: #999;
}
.userTable .cell em {
    color: #999;
}
.userTable .status .cell>* {
    margin: 4px auto;
}
.userTable .status a.text-color {
    color: #ff5200;
}
.userTable a.pay_btn {
    display: block;
    width: 120px;
    color: #fff;
    background-color: #ff5200;
    border-radius: 2px;
    line-height: 25px;
    margin:0px auto;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 10px;
}
.userTable a.cell_btn {
    display: block;
    color: #333;
    background-color: #ffffff;
    border-radius: 3px;
    line-height: 30px;
    margin:0px auto;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 5px 0px;
    border:1px solid #ccc;

}
.userTable a.cell_btn:hover {
    color: #2d2d2d;
    border-color: #2d2d2d;
}
.userTable a.cell_btn.bg-black {
    color: #fff;
    border-color: #2d2d2d;
    background-color: #2d2d2d;
}


/*待评价*/
.to-be-evaluated .items {
    display: flex;
    align-items: center;
    padding-bottom: 30px;
    border-bottom: 1px solid #E6E6E6;
    margin-bottom: 30px;
}
.to-be-evaluated .items .items-info {
    flex: 1;
    display: flex;
}
.to-be-evaluated .items .items-info .image {
    width: 120px;
    margin-right: 25px;
}
.to-be-evaluated .items .items-info .info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.to-be-evaluated .items .items-info .info .product-title {
    font-size: 16px;
}
.to-be-evaluated .items .items-info .info .price {
    font-size: 24px;
}
.to-be-evaluated .items .btn {
    width: 110px;
    height: 34px;
    line-height: 32px;
    border-radius: 0;
    padding: 0px;
    border:1px solid #333333;
}

/*评价*/
.goods-review-body .review {
    max-width: 1080px;
    color: #666;
     padding-bottom: 30px;
    border-bottom: 1px solid #E6E6E6;
    margin-bottom: 30px;
}
.goods-review-body dt {
    line-height: 12px;
    margin-bottom: 8px;
}
.goods-review-body .star {
    position: relative;
}
.goods-review-body .review dt .name {float: left;}
.goods-review-body .review dt .star {float: left;margin-left: 15px;}
.goods-review-body .review .review-star {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url();
    position: relative;
}
.goods-review-body .review .review-star.rated {
    position: relative;
    background-image: url();
}

.goods-review-body .review .review-star+.review-star {
    margin-left: 4px;
}

.goods-review-body .time {
    color: #999999;
}
.goods-review-body .text {
    font-size: 16px;
    color: #2d2d2d;
    line-height: 19px;
    word-break: break-word;
    margin: 20px 0;
}
.goods-review-body .review-size-info {
    margin-top: 30px;
    line-height: 17px;
    color: #999999;
}
.goods-review-body .photos p {
    width: 100px;
    height: 134px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    float: left;
    margin-right: 15px;
}
.goods-review-body .photos img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.goods-review-body .goods {
    background-color: #F7F7F7;
    padding: 10px;
}
.goods-review-body .goods div.js-reviewPic img {
    width: 68px;
    height: 80px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    float: left;
    margin-right: 15px;
     object-fit: cover;
}
.goods-review-body .goods div.js-reviewPic .info {
    float: left;
    height: 80px;
    display: flex;
    flex-direction:column;
    justify-content: space-between;
}
.goods-review-body .goods div.js-reviewPic .info .product-title {
    font-size: 14px;
}
.goods-review-body .goods div.js-reviewPic .info .product-title a {
    font-size: 14px;
}


/*购物车*/
.cartWrap {
    margin-left: -15px;
    margin-right: -15px;
}
.cartList {
    width: 66.66667%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}
.cartList .cartMain {
    padding: 10px;
    background-color: #ffffff;
}
.cartList .cart_row+.cart_row {
    border-top: 1px dashed #e3e3e3;
}
.cartList table {
    margin-bottom: 0px;
}
.cartList td {
    padding: 10px;
}
.cartList th, .cartList td {
    border: 0;
}

.cartList .cart_checked {
    width: 50px;
}
.cartList .cart_image {
    width: 120px;
}
.cartList .cart_update {
    width: 140px;
}

.cartList .cart_meta_title {
    margin-bottom: 20px;
}
.cartList .cart_meta_price {
    margin-bottom: 20px;
    font-size: 24px;
}

.cart_meta_text .sku_box {
    padding: 6px 12px;
    color: #2d2d2d;
    background-color: #f2f2f2;
    max-width: 330px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: 14px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.cart_meta_text-btn {
    display: inline-block;
    vertical-align: middle;
    margin-left: 60px;
}
.cartList .cart_meta_text-btn a.save_action {
    color: #F1811F;
}
.cartList .cart_meta_text-btn a.del_action {
    color: #FF4040;
}



.cartList .cart_update .wrap-input {
    border:1px solid #E1E1E1;
}
.cartList .cart_update .wrap-input.qty button {
    width: 24px;
    height: 24px;
    background: #fff;
    float: left;
    position: relative;
    font-size: 0;
    overflow: hidden;
    -moz-transition: all .2s 0s ease;
    transition: all .2s 0s ease;
    resize: none;
}
.cartList .cart_update .wrap-input.qty button.reduce {
    font-size: 0;
    background-image: url(../images/cart_add.png);
    background-position: 0px 0px;
    width: 30px;
    height: 30px;
}
.cartList .cart_update .wrap-input.qty button.add {
    font-size: 0;
    background-image: url(../images/cart_add.png);
    background-position: 0px -30px;
    width: 30px;
    height: 30px;
}
.cartList .cart_update .wrap-input.qty input {
    height: 30px;
    width: 42px;
    float: left;
    font-size: 16px;
    border: none;
    text-align: center;
    color: #333;
}
.dispatch {
    width: 16px;
    height: 16px;
    position: relative;
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;
    margin-right: 5px;
    vertical-align: middle;
    cursor: pointer;
}
.dispatch-cur:after {
    content: "";
    width: 8px;
    height: 8px;
    background: #333!important;
    position: absolute;
    left: 4px;
    top: 4px;
}
.dispatch-cur:after {
    background-image: url('../images/check_box_select.png')!important;
    background-color: #fff!important;
    border: none;
    left: -1px;
    top: -1px;
    width: 18px;
    height: 18px;
}


.cartList .cart-section {
    background: #fff;
    padding: 0 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding-top: 1px;
}
.cartList .cart-section .git_message {
    display: flex;
    align-items: center;
    padding: 20px 0px 30px;
}
.cartList .cart-section .git_message .form-control {
    flex: 1;
    height: 44px;
}

.cartBox .title {
    padding: 10px 10px 20px;
}
.cartBox .title h4 {
    font-size: 24px;
    font-weight: bold;
}
.cartList ul {
    padding: 20px 0;
}
.cartList ul+ul {
    border-top: 1px dashed #ddd;
}
.cartList .item {
    float: left;
    margin-right: 60px;
    min-height: 160px;
    position: relative;
}


.cartList .item0 {
    position: relative;
    width: 20px;
}
.cartList .item0 .dispatch {
    width: 18px;
    height: 18px;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    position: absolute;
    cursor: pointer;
}
.cartList .item0 input {
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    position: absolute;
    opacity: 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.cartList .item1 {
    width: 120px;
    text-align: center;
    margin-right: 25px;
}


.cartList .item2 {
    width: 670px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 0;
    padding:5px 0px 10px;
}

.cartList .item2 .org_price {
    margin-bottom: 20px;
}
.cartList .item2 .org_price .my_shop_price{
    font-size: 24px;
}
.cartList .item2 .goods-attr {
    float: left;
    display: inline-block;
    vertical-align: top;
}
.cartList .item2 .goods-attr .attr-txt {
    padding: 6px 12px;
    color: #2d2d2d;
    background-color: #f2f2f2;
    max-width: 330px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: 14px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.cartList .item2 .goods-attr .attr-txt .add-icon {
    width: 16px;
    height: 16px;
    font-size: 12px;
    position: absolute;
    top: 5px;
    right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cartList .item2 .goods-attr .attr-txt:not(.unclick) {
    cursor: pointer;
}
.cartList .item2 .save-del-box {
    float: left;
    margin-left: 60px;
}
.cartList .item2 .save-del-box a {
    margin-right: 40px;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
}
.cartList .item2 .save-del-box a.save_action {
    color: #F1811F;
}
.cartList .item2 .save-del-box a.del_action {
    color: #FF4040;
}

.cartList .item2 .wrap-input {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0%,-50%);
    border:1px solid #E1E1E1;
}
.cartList .item2 .wrap-input.qty button {
    width: 24px;
    height: 24px;
    background: #fff;
    float: left;
    position: relative;
    font-size: 0;
    overflow: hidden;
    -moz-transition: all .2s 0s ease;
    transition: all .2s 0s ease;
    resize: none;
}
.cartList .item2 .wrap-input.qty button.reduce {
    font-size: 0;
    background-image: url(../images/cart_add.png);
    background-position: 0px 0px;
    width: 30px;
    height: 30px;
}
.cartList .item2 .wrap-input.qty button.add {
    font-size: 0;
    background-image: url(../images/cart_add.png);
    background-position: 0px -30px;
    width: 30px;
    height: 30px;
}
.cartList .item2 .wrap-input.qty input {
    height: 30px;
    line-height: 30px;
    width: 42px;
    float: left;
    font-size: 14px;
    border: none;
    text-align: center;
    color: #333;
}

.cartList .itemBtn {
    margin:20px 0px;
    padding: 25px 20px;
    line-height: 18px;
    background: #ffffff;
}
.cartList .itemBtn .line_checkbox {
    padding: 0 40px 0 0;
    position: relative;
    display: flex;
    align-items: center;
    float: left;
    cursor: pointer;
}
.cartList .itemBtn .line_checkbox .dispatch {
    margin-right: 10px;
    width: 18px;
    height: 18px;
}
.cartList .itemBtn .line_checkbox input {
    width: 18px;
    height: 18px;
    opacity: 0;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
}
.cartList .itemBtn .subtotal {
    float: right;
    font-size: 20px;
}

.giftCenterWrap {
    background-color: #ffffff;
}
.giftCenterWrap .giftCenter {
    background-color: #fff;
    padding: 20px;
}

.history-favorite {
    background: #fff;
}
.history-favorite .tit {
    font-size: 24px;
    padding: 30px 30px 0px;
}
.history-favorite-content {
    padding: 30px;
}
.proList-swiper .js_proList_item {
    position: relative;

    font-size: 12px;
    display: inline-block;
    vertical-align: top
}
.proList-swiper .js_proList_item .imgWrap {
    position: relative;
}
.proList-swiper .js_proList_item a.pic {
    position: relative;
    display: block;
    text-align: center;
    width: 100%;
    padding-top: 133%
}
.proList-swiper .js_proList_item a.pic .seckill {
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 36px;
    color: #fff;
    background: rgba(255, 133, 166, .8);
    line-height: 36px;
    z-index: 5;
    padding: 0 10px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.proList-swiper .js_proList_item a.pic .seckill .flash-sale {
    font-size: 14px;
    line-height: 36px;
    padding-left: 0;
    float: left
}
.proList-swiper .js_proList_item a.pic .seckill .flash-sale .seckill-icon {
    background-image: url(../images/styleimg/category.png?v=fe4ae755a5);
    background-position: -104px -41px;
    width: 24px;
    height: 24px;
    position: static;
    display: inline-block;
    vertical-align: -8px
}
.proList-swiper .js_proList_item a.pic .seckill .cate-countDown {
    margin-right: 0;
    margin-left: .25em;
    font-size: 14px;
    float: right;
    font-family: inherit
}
.proList-swiper .js_proList_item a.pic .add-notice {
    background-color: rgba(255, 255, 255, .8);
    font-size: 14px;
    line-height: 19px;
    max-width: 100%;
    padding: 5px 20px;
    border-radius: 15px;
    left: 50%;
    bottom: 35px;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 8;
    min-width: 50%
}
.proList-swiper .imgWrap img {
    position: absolute;
    display: block;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    object-fit: cover
}
.proList-swiper .imgWrap img:hover {
    opacity: 1
}
.proList-swiper .imgWrap img.list_pic_switch_1 {
    z-index: 2
}
.proList-swiper .imgWrap img.list_pic_switch_2 {
    z-index: 1;
    opacity: 0
}
.proList-swiper .imgWrap:hover .arrival-notice {
    opacity: .85;
    display: block
}
.proList-swiper .imgWrap:hover .list_pic_switch_2 {
    z-index: 3;
    opacity: 1;
    -moz-transition: all .5s;
    transition: all .5s;
    background-color: #f7f7f7;
    height: 100%
}

.proList-swiper .goods-title {
    overflow: hidden;
}
.proList-swiper .goods-title a {
    color: #333;
    font-size: 14px;
    line-height: 20px;
    height: 38px;    
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.proList-swiper .goods-title a:hover {
    color: #FF4040;
}
.proList-swiper .goods-price {
    position: relative;
    max-height: 40px;
    padding-right: 30px;
    margin-top: 10px;
}
.bizhong {
    display: none;
}
.proList-swiper .goods-price .shop-price .my_shop_price {
    color: #FF4040;
}
.proList-swiper .goods-price .shop-price strong {
    color: #333;
    font-size: 16px;
}
.proList-swiper .goods-price .market-price {
    color: #9d9d9d;
    font-size: 12px;
    margin-left: 8px;
    line-height: normal;
}
.proList-swiper .goods-price .like-icon {
    position: absolute;
    display: block;
    background-image: url(../images/category.png);
    background-position: -104px -17px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    top: 0;
    right: 10px
}
.proList-swiper .goods-price .like-icon.active {
    background-image: url(../images/category.png);
    background-position: -104px -65px;
    width: 24px;
    height: 24px
}
.proList-swiper .goods-price .like-icon:hover {
    background-image: url(../images/category.png);
    background-position: -104px -65px;
    width: 24px;
    height: 24px
}


.carRight {
    width: 33.3333333%;
    float: right;
    padding-left: 15px;
    padding-right: 15px;
}
.carRight .cartBox {
    background: #fff;
    padding: 10px;
}
.carRight .cartBox .cartMain {
    padding: 0px 10px 20px;
}
.carRight .coupon {
    padding: 5px 0 15px;
    position: relative;
}
.carRight .coupon span {
    display: inline-block;
    vertical-align: middle;
    text-transform: capitalize;
    font-size: 16px;
}

.carRight .userCoupon  {
    position: relative;
}
.carRight .userCoupon .el-select, .carRight .userCoupon .el-autocomplete {
    width: calc(100% - 88px);
    height: 36px;
    font-size: 14px;
}
.carRight .userCoupon input {
    width: 100%;
    height: 36px;
    font-size: 14px;
    border: 1px solid #e4e4e4;
    padding: 8px;
    border-radius:4px 0px 0px 4px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.carRight .userCoupon .applybtn {
    position: absolute;
    width: 88px;
    text-align: center;
    display: block;
    background-color: #F1811F;
    height: 36px;
    line-height: 36px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    right: 0;
    top: 0;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}
.carRight .userCoupon .coupon_status {
    background-color: #fff;
    padding: 8px 10px;
    padding-left: 0;
}
.carRight .color-red {
    color: #FF4040;
}
.carRight .userCoupon .color-red {
    color: #FF4040;
    font-size: 12px;
}
.carRight .cartTotal {
    padding-top: 20px;
    text-transform: capitalize;
    font-size: 16px;
}
.carRight .cartTotal li {
    line-height: 1;
    float: left;
}
.carRight .cartTotal li:first-child {
    width: 55%;
}

.carRight .cartTotal li:last-child {
    width: 45%;
    text-align: right;
}
.carRight .cartTotal .grandTotal {
    border-top: 1px solid #eee;
    margin-top: 20px;
    padding: 20px 0;
    font-size: 22px;
    line-height: 1;
    text-transform: capitalize;
    font-weight: bold;
}

.carRight .checkoutBtnWrap+.checkoutBtnWrap {
    margin-top: 20px;
}
.carRight .checkoutBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 50px;
    text-align: center;
    background-color: #333;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 3px;
    overflow: hidden;
}
.carRight .paypalBtn {
    width: 100%;
    height: 50px;
    overflow: hidden;
    background: url(../images/pp_en_long.png) no-repeat;
    display: block;
    border-radius: 3px;
}
.pay-panpel-content {
    padding: 20px;
    background-color: #ffffff;
}
.pay-panpel-content .title {
    margin-bottom: 10px
}
.pay-panpel-content .title h4 {
    font-size: 24px;
    font-weight: bold;
}
.pay-panpel-content .pay-product-list .pay-product-item {
    display: flex;
    margin-top: 15px;
}
.pay-panpel-content .pay-product-list .pay-product-item  .product-item-img {
    display: block;
    flex-shrink: 0;
    height: 64px;
    margin-right: 12px;
    width: 48px;
}
.pay-panpel-content .pay-product-list .pay-product-item  .product-item-img img {
    width: 100%;
    height: 100%;
}
.pay-panpel-content .pay-product-list .pay-product-item  .product-item-right {
    flex-shrink: 0;
    width: calc(100% - 150px);
}
.pay-panpel-content .pay-product-list .pay-product-item  .product-item-right .product-name {
    color: #666;
    font-size: 13px;
}
.pay-panpel-content .pay-product-list .pay-product-item  .product-item-right .size-box {
    font-size: 12px;
    margin-top: 5px;
}
.pay-panpel-content .pay-product-list .pay-product-item  .product-item-right .size-box .size-text {
    display: inline-block;
}
.pay-panpel-content .pay-product-list .pay-product-item  .product-item-right .size-box .size-text img {
    width: 50px;
    height: 50px;
}
.pay-panpel-content .pay-product-list .pay-product-item .product-item-price {
    -webkit-box-align: center;
    align-items: flex-end;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    width: 90px;
    font-size: 12px;
}


/*下单*/
.checkout-wrap {
    margin-left: -15px;
    margin-right: -15px;
}
.checoutInnerWrap {
     width: 66.66667%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}
.checoutInnerWrap .checoutInner {
    padding: 20px;
   background-color: #ffffff;
}
.checkout-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 25px;
}
.gnobSP .contact-information {
    height: auto;
    margin-bottom: 30px;
}
.gnobSP .contact-information .header {
    -webkit-box-align: center;
    align-items: center;
    color: rgb(83, 83, 83);
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 15px;
}
.gnobSP .contact-information .guide-to-login {
    text-decoration: underline;
}
.gnobSP .contact-information .header .contact-title {
    color: #2d2d2d;
    font-size: 16px;
    margin-bottom: unset;
}
.gnobSP .title {
    color: #2d2d2d;
    font-size: 16px;
    height: auto;
    margin-bottom: 15px;
}
.gnobSP .save-info-checkbox, .gnobSP .default-button {
    -webkit-box-align: center;
    align-items: center;
    color: rgb(92, 92, 92);
    cursor: pointer;
    display: flex;
    font-size: 15px;
    height: auto;
}
.gnobSP .contact-information .email-input {
    margin-bottom: 10px;
}
.checoutInner .save-info-checkbox input, .gnobSP .default-button input {
    border: 1px solid rgb(92, 92, 92);
    flex-shrink: 0;
    height: 15px;
    margin-right: 10px;
    position: relative;
    vertical-align: baseline;
    width: 15px;
}
.checoutInner .submit {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 380px;
    min-height: 48px;
    background-color:#000000;
    border: 1px solid transparent;
    border-radius: 3px;
    color: white;
    cursor: pointer;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: normal;
    padding: 14px 28px;
    margin: 40px auto;
    position: relative;
    text-align: center;
    text-decoration: none;
    z-index: 1;
}
.gnobSP > *, .gnobSP .form-item-container  {
    margin-bottom: 20px;
    width: 100%;
}

.gnobSP .country-select .label {
    height: 100%;
    padding: 13px;
    width: 100%;
    color: #888;
    font-size: 14px;
    position: relative;
}
.gnobSP .country-select .label::after {
    color: #999;
    content: "▼";
    display: block;
    padding: 0px 10px;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%) scale(0.8, 0.5);
}

.gnobSP .form-item-container {
    display: flex;
}
.gnobSP .form-item-container .form-item {
    flex: 1 1 0%;
}
.gnobSP .form-item-container .form-item:not(:first-of-type) {
    margin-left: 15px;
}
.gnobSP .form-item-container .form-item .el-form-item {
    margin-bottom: 0px;
}
.gnobSP .address-box {
    padding: 13px;
    border-radius: 4px;
    border: 1px solid #BBBBBB;
}
.gnobSP .address-box .list {
    display: flex;
    align-items: center;
    position: relative;
}
.gnobSP .address-box .list~.list {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e6e6e6;
}
.gnobSP .address-box .list p {
    margin-right: 15px;
}
.gnobSP .address-box .list .btns {
    position: absolute;
    right: 0px;
}

.kVomof {
    display: block;
    height: 50px;
    position: relative;
    width: 100%;
}
.kVomof input,.gnobSP input[type="email"] {
    background-color: transparent;
    border: 1px solid #BBBBBB;
    font-family: inherit;
    font-size: 14px;
    height: 50px;
    outline: none;
    padding: 13px;
    position: relative;
    transition: all 0.2s ease 0s;
    width: 100%;
}

.info-card {
    margin-bottom: 40px;
}
.info-card .flACk {
    padding: 13px;
    border-radius: 4px;
    border: 1px solid #BBBBBB;
}
.info-card .flACk > .info-item {
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
}
.info-card .flACk > .info-item~.info-item {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e6e6e6;
}

.info-card .flACk > .info-item h2.title {
    font-size: inherit;
    margin-right: 10px;
    margin-bottom: 0px;
    width: auto;
}
.info-card .flACk > .info-item .description {
    color: rgb(51, 51, 51);

    flex: 1 1 0%;
}

.info-card .flACk > .info-item .back-icon {
    color: #FF4040;
    position: absolute;
    right: 0px;
    white-space: normal;
}

.select-shipping-method {
    margin-bottom: 40px;
}
.select-shipping-method > div {
    border: 1px solid #BBBBBB;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 10px;
}
.select-shipping-method .hKppHB>label,
.select-shipping-method .payment-method-list>label {
    position: relative;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: -1px;
    padding: 16px;
    width: 100%;
    height: auto;
    font-family: inherit;
    font-size: 14px;
    color: rgb(51, 51, 51);
    border-top: 1px solid #BBBBBB;
    outline: none;
    transition: all 0.2s ease 0s;
}
.select-shipping-method label.active {
    background-color: rgb(250, 250, 250);

}
.select-shipping-method label .main-info {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    width: calc(100% - 28px);
    font-size: 14px;
    color: rgb(51, 51, 51);
}
.select-shipping-method label .main-info h2 {
    font-size: 14px;
}
.select-shipping-method label .main-info h2 span.warning {
    color: #ff0044
}
.select-shipping-method .shipping-tips {
    color: #999;
    font-size: 14px;
    line-height: 16px;
}

.select-shipping-add {
    border:1px solid #BBBBBB;
    background: #F7F7F7;
    margin-bottom: 40px;
    border-radius: 4px;
    overflow: hidden;
}
.select-shipping-add .add-title {
    height: 80px;
    padding: 20px;
    line-height: 40px;
    background: #ffffff;
}
.select-shipping-add .select-shipping-row {
    padding: 20px;
    border-top: 1px solid #BBBBBB;
    display: flex;
    justify-content: space-between;
}
.select-shipping-add .select-shipping-row label {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border:1px solid #BBBBBB;
    padding: 25px;
    background-color: #fff;
    position: relative;
    margin-left: -1px;
    text-align: center;
    cursor: pointer;
}
.select-shipping-add .select-shipping-row label input {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}
.select-shipping-add .select-shipping-row label h2 {
    font-size: 16px;
}
.select-shipping-add .select-shipping-row label .notranslate {
    color: #999;
}
.select-shipping-add .select-shipping-row label.active {
    z-index: 1;
    color: #F1811F;
    border-color: #F1811F;
}

.select-shipping-add .add-tips {
    padding: 20px;
}
.select-shipping-from {
    padding: 0px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.select-shipping-from input {
    flex:1;
    margin-right: 18px;
    height: 44px;
    padding: 0px 10px;
    border:1px solid #BBBBBB;
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden;
}
.select-shipping-from .add-submit {
    width: 90px;
    height: 44px;
    background: #F1811F;
    color: #ffffff;
    border-radius: 4px;
    overflow: hidden;
}

.select-shipping-method .main-info img {
    font-size: 40px;
    height: 24px;
    margin-right: 10px;
    vertical-align: bottom;
}
.checkout-message {
    margin-bottom: 10px;
}
.checkout-message textarea {
    width: 100%;
    border: 1px solid #BBBBBB;
    border-radius: 4px;
    overflow: hidden;
    padding: 5px 10px;
}


.additional-info {
    position: relative;
    display: block;
    padding-top: 15px;
    height: auto;
    width: 100%;
}
#frames-payment-form {
    width: 100%;
    margin: 0 auto;
}
#frames-payment-form label {
    display: block;
    color: #13395e;
    font-size: 14px;
    font-weight: 500;
    line-height: 10px;
    margin: 0 0 10px;
}

#frames-payment-form .input-container {
    position: relative;
    display: flex;
    width: 100%;
    height: 40px;
    margin-bottom: 15px;

}
#frames-payment-form .input-container input {
    width: 100%;
    border:1px solid #BBBBBB;
    padding: 0px 15px;
}
#frames-payment-form .date-and-code {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}
#frames-payment-form .date-and-code>div {
    width: 49.5%;
}

#frames-payment-button {
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    min-height: 48px;
    border: 1px solid rgb(0, 0, 0);
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    line-height: normal;
    max-width: 100%;
    overflow: hidden;
    padding: 9px 10px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    white-space: nowrap;
    z-index: 1;
    background: rgb(0, 0, 0);
    color:#ffffff;
    letter-spacing: 1px;
}



/*商品详情*/
.addthis_toolbox {
    margin-top: 20px;
    text-align: center;
}
.addthis_toolbox .addthis_button {
    margin: 0px 15px;
    transition: all .2s ease-in-out;
}

.goods-info {
    width: 100%;
}
.goods-info .goods-title h1 {
    font-size: 18px;
    color: #2d2d2d;
    line-height: 28px;
}

.goods-info .review-info {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
}
.goods-info .review-info p {
    float: left;
    position: relative;
    line-height: 12px;
    margin-right: 10px;
}
.goods-info .review-info .star {
    float: left;
    margin-top: -1px;
    position: relative;

}
.goods-info .review-info .review-star {
    display: inline-block;
    margin-right: 3px;
    width: 12px;
    height: 12px;
    background-image: url(../images/star.png);
    background-position: center;
    background-size: 12px auto;
    position: relative;
}
.goods-info .review-info .review-star.rated {
    background-image: url(../images/star_on.png);
}

.goods-info .review-info .link {
    color: #999;
}
.goods-info .review-info a {
    color: #999;
}
.goods-info .review-info a:hover {
    color: #FF4040;

}

.goods-info .shop-price {
    font-size: 36px;
    color: #2d2d2d;
    font-weight: bold;
    padding-right: 5px;
    vertical-align: -7px;
}
.goods-info .market-price {
    font-size: 14px;
    text-transform: capitalize;
    text-decoration: line-through;
    color: #999;
    font-weight: normal;
    padding-right: 5px;
}

.goods-info .attr-item {
    min-height: 30px;
    line-height: 30px;
    font-size: 14px;
}

.goods-info .attr-item dt {
    color: #2d2d2d;
    display: block;
    text-transform: uppercase;
}
.goods-info .attr-item dt h2 {
    font-size: 15px;
}
.goods-info .attr-item .option {
    width: 35px;
    height: 35px;   
    line-height: 33px;
    background: #fff;
    border: 1px solid #ddd;
    float: left;
    margin-right: 16px;
    text-align: center;
    cursor: pointer;
    -moz-transition: all .2s 0s ease;
    transition: all .2s 0s ease;
    margin-top: 10px;
}
.goods-info .attr-item .option a {
    display: block;
    font-size: 14px;
    width: 100%;
    height: 100%;
}
.goods-info .attr-item .option img {
    width: 27px;
    height: 27px;
    object-fit: cover;
}
.goods-info .attr-item .option.color {
    line-height: 100%;
}
.goods-info .attr-item .option.color a{
     padding: 3px;
}
.goods-info .attr-item .option a:hover {
    color: inherit;
}
.goods-info .attr-item .option.color.active {
    border-color: #333;
    background-color: #fff;
}
.goods-info .attr-item .option.size.active {
    color: #fff;
    background-color: #333;
    border-color: #333;
}

.goods-info .size-chart {
    color: #F1811F;
    font-size: 14px;
    cursor: pointer;
}
.goods-info .size-chart:hover {
    text-decoration: underline;    
    
}
.goods-info .size-chart .btn-icon {
    margin-right: 5px;
}


.goods-info .amount-operation {
    margin-top: 10px;
}
.goods-info .amount-operation .decrease,
.goods-info .amount-operation .increase {
    float: left;
    width: 35px;
    height: 35px;
    background: #2d2d2d;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 17px 17px;
}
.goods-info .amount-operation .decrease {
    background-image: url(../images/accordion_btn_2_w.png);    
}
.goods-info .amount-operation .increase {
    background-image: url(../images/accordion_btn_1_w.png);
}
.goods-info .amount-operation input {
    float: left;
    width: 60px;
    height: 35px;
    padding: 0px 5px;
    text-align: center;
    border:1px solid #eeeeee;
}

.goods-info .newuser-coupon-container {
    background-color: #ff5367;
    display: none;
    position: relative;
    padding: 7px 15px;
    margin: 10px 0px 0px;
    color: #fff;
    font-size: 14px;
}
.goods-info .newuser-coupon-container.shown {
    display: inline-block;
}
.goods-info .newuser-coupon-container .newuser-coupon-get {
    color: inherit;
}
.goods-info .newuser-coupon-container .newuser-coupon-label {
    height: 20px;
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
    padding: 0 6px;
    margin-left: 6px;
    background-color: #fff;
    color: #ff5367;
    border-radius: 10px;
    white-space: nowrap;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.goods-info .newuser-coupon-container:after, .goods-info .newuser-coupon-container:before {
    content: '';
    position: absolute;
    top: 50%;
    border-radius: 50%;
    background: #fff;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
}
.goods-info .newuser-coupon-container:before {
    left: -4px;
}
.goods-info .newuser-coupon-container:after {
    right: -4px;
}


.goods-info .goods-collocation-section .collocation-section-title {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 54px;
    padding: .625rem 0;
    font-size: 1rem;
    color: #373f50;
    text-align: left;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, box-shadow .2s ease-in-out, border-radius .15s ease;
}
.goods-info .goods-collocation-section .goods-collocation-content {
    white-space: nowrap;
    width: 100%;
    position: relative;
    margin:0 -10px;
}
.goods-info .goods-collocation-section .goods-collocation-group {
    width: 100%;
    height: 274px;
    border-radius: 2px;
    border: 1px solid #ddd;    
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2px;
    position: relative;
    white-space: normal;
}
.goods-info .goods-collocation-section .goods-collocation-group a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 8px;
}
.goods-info .goods-collocation-section .goods-collocation-group img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.goods-info .goods-collocation-section .buy-together-match {
    position: absolute;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    z-index: 1;
    line-height: 1.4;
    background: #2d2d2d;
    color: #fff;
    padding: 3px 8px;
    left: 20px;
    right: 20px;
    top: 50%;
    margin: auto;
    width: 120px;
    font-size: 14px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-wrap: break-word;
    white-space: normal;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none;
}

.goods-info .goods-collocation-section .goods-collocation-group:hover{border-color:#2d2d2d}
.goods-info .goods-collocation-section .goods-collocation-group:hover .buy-together-match{display:block}
.goods-info .goods-collocation-section .goods-collocation-group:hover a::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,.2)}

.goods-info .goods-adv {
    width: 100%;
    margin-top: 40px;
}
.goods-info .goods-adv a {display: block;position: relative;overflow: hidden;}
.goods-info .goods-adv a:before {
    transition: all 0.5s ease-in-out;
    content: "";
    position: absolute;
    top: -110%;
    left: -210%;
    width: 200%;
    height: 200%;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: rotate(30deg);
    background: rgba(255, 255, 255, 0.1);
    background: linear-gradient(to right, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0) 100%);
}
.goods-info .goods-adv a:hover {
    opacity: 0.75;
}
.goods-info .goods-adv a:hover:before{opacity:1;filter:alpha(opacity=100);top:-40%;left:-40%;transition:all 0.5s ease-in-out;}

.goods-info .goods-adv .goods-items a.slick-slide {
    margin: 5px;
}

.goods-info .goods-adv .goods-items img {
    height: 200px;
}

.section-title {
    text-transform: uppercase;
    font-size: 28px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 30px;
}
.recommend-wrapper, .goods-history {
    margin-top: 80px;
}

/*商品广告窗口*/
.layui-layer {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1199;
    background-color: rgba(0,0,0,0.5);
}
.collocation-panel {
    width: 670px;
    background: #fff;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px;
    padding-right: 18px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1999;
    transform: translate(-50%,-50%);
}
.collocation-panel .btn-close {

    position: absolute;
    top: 16px;
    right: 16px;
}
.collocation-panel .collocation-list-wrapper {
    max-height: 260px;
    max-height: 50vh;
    overflow-y: auto;
    overflow-x: hidden;
}
.collocation-panel .collocation-list-wrapper::-webkit-scrollbar{width:4px}
.collocation-panel .collocation-list-wrapper::-webkit-scrollbar-thumb{background-color:#bdbdbd}
.collocation-panel .collocation-list-wrapper::-webkit-scrollbar-track{background-color:#f7f7f7}

.collocation-panel .good-item-container {
    white-space: nowrap;
}
.collocation-panel .good-item-container+.good-item-container {
    margin-top: 20px;
}
.collocation-panel .good-img-link {
    width: 120px;
    height: 160px;
    display: inline-block;
    border: 1px solid #ddd;
    vertical-align: top;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.collocation-panel .good-attr-wrapper {
    display: inline-block;
    margin-left: 8px;
    width: 480px;
    vertical-align: top;
    white-space: normal;
    max-width: -moz-calc(100% - 140px);
    max-width: calc(100% - 140px);
}
.collocation-panel .good-price {
    color: #2d2d2d;
    font-size: 20px;
    margin-bottom: 8px;
}

.collocation-panel .good-attr-item.good-attr-item .option {
    position: relative;
    min-width: 60px;
    height: 30px;
    line-height: 28px;
    display: inline-block;
    text-align: center;
    float: left;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    text-decoration: none;
    color: #2d2d2d;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #666;
    margin-right: 12px;
    font-size: 16px;
}
.collocation-panel .good-attr-item.good-attr-item .option.color {
    position: relative;
    width: 30px;
    height: 30px;
    overflow: hidden;
    cursor: pointer;
    padding: 3px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-width: auto;
}
.collocation-panel .good-attr-item.good-attr-item .option a {
    display: block;
    font-size: 14px;
    width: 100%;
    height: 100%;
}
.collocation-panel .good-attr-item.good-attr-item .option.color a {
    display: block;
    width: 22px;
    height: 22px;
}
.collocation-panel .good-attr-item.good-attr-item .option.color a img {
    display: block;
    width: 100%;
    height: 100%;
}
.collocation-panel .good-attr-item.good-attr-item .option.active {
    border-color: #2d2d2d;
}
.collocation-panel .good-attr-wrapper .confirm-addto-bag {
    width: 150px;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    text-align: center;
    background-color: #2d2d2d;
    color: #fff;
}

/*定制商品*/
#date_table {
    border: 2px solid #fff!important;
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
}
#date_table th {
    text-transform: uppercase;
    font-weight: 700;
}
#date_table tr td:first-child, #date_table tr th:first-child {
    max-width: 40%;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 40%;
    padding: 8px;
}
#date_table tr td, #date_table tr th {
    background-clip: padding-box;
    border: 1px solid #b8bec2;
    box-sizing: border-box;
    font-family: Open Sans,sans-serif;
    font-size: 11pt;
    max-width: 30%;
    padding: 8px;
    text-align: center;
    user-select: none;
    width: 30%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#date_table tr td .calendar {
    background: #fff;
    display: inline-block;
    width: 50px;
}
#date_table tr td .calendar .month {
    background: #ed4848;
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 7pt;
    font-weight: 700;
    padding: 2px 0;
    text-align: center;
    text-transform: uppercase;
}
#date_table tr td .calendar .day {
    border: 1px solid #b8bec2;
    border-top: 0;
    color: #585d5f;
    font-family: Open Sans,sans-serif;
    font-size: 15pt;
    font-weight: 600;
    padding: 1px 0;
}

.fieldset {
    padding-top: 10px;
}
.fieldset .fields {
    font-size: 0;
    font-size: 14px;
    margin-bottom: 10px;
}
.fieldset .fields .field {
    font-size: 14px;
    width: 48%;
    margin-right: 1%;
    display: inline-block;
    vertical-align: top;
}
.fieldset .fields .field label {
    margin-bottom: 5px;
    cursor: pointer;
}
.fieldset.fieldset-step2 .fields .field {    
    width: 32%;
}
.fieldset.fieldset-step3 .fields .field {
    width: 65%;    
}

.cart-bottom-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}
.cart-bottom-box a,
.cart-bottom-box .el-button {
    flex:1;
    font-size: 20px;
    max-width: 48%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}
.cart-bottom-box .add-to-cart {
    color: #fff;
    background-color: #2d2d2d;
}
.cart-bottom-box .add-to-pay {
    background-color: #FFC439;
}

.bug-gift-container {
    background: rgb(250, 250, 250);
    padding: 10px;
    margin-top: 10px;
}
.bug-gift-container .titles {
    padding-bottom: 10px;
    padding-left: 30px;
    position: relative;
    text-align: left;
}
 .bug-gift-container .titles .img-icon {
    height: 22px;
    left: 0px;
    max-width: 22px;
    position: absolute;
    top: 0px;
}
.bug-gift-container .titles .activity-name-span {
    color: #FF4040;
    display: block;
    font-size: 14px;
    line-height: 22px;
}
.bug-gift-container .gift-product {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
}
.bug-gift-container .gift-product .gift-left {
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-basis: unset;
    flex-wrap: wrap;
    font-size: 12px;
    min-height: 36px;
    padding: 1px 10px 1px 48px;
    position: relative;
    text-align: left;
}
.bug-gift-container .gift-product .gift-left .images-box {
    width: 36px;
    height: 36px;
    overflow: hidden;
    position: absolute;
    left: 0px;    
    top: 50%;
    transform: translateY(-50%);
}
.bug-gift-container .gift-product .gift-left .gift-icon {
    font-size: 12px;
    line-height: 16px;
    padding: 5px;
    background: rgb(255, 251, 250);
    border: 1px solid #FF4040;
    color: #FF4040;
    margin: 4px 10px 0px 0px;
}
.bug-gift-container .gift-product .gift-left .product-name {
    color: rgb(102, 102, 102);
    line-height: 18px;
    font-size: 14px;
    max-width: 220px;
    margin-right: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.bug-gift-container .gift-product .gift-left .price {
    display: block;
    width: 100%;
}
.bug-gift-container .gift-product .gift-left .price b {
    color: #FF4040;
    font-weight: 400;
    line-height: 16px;
    margin-right: 5px;
    text-decoration: none;
}
.bug-gift-container .gift-product .gift-left .price span {
    color: rgb(147, 147, 147);
    position: relative;
}
.bug-gift-container .gift-product .gift-right .view-gift {
    color: #FF4040;
    cursor: pointer;
    display: block;
    font-size: 12px;
    line-height: 16px;
    position: relative;
    text-decoration: underline;
    top: 50%;
    transform: translateY(-50%);
}

.goods-info .buyer-protection-list {
    font-size: 14px;
    line-height: 14px;
    padding: 15px 0px;
    clear: both;
}
.goods-info .buyer-protection-list li {
    display: inline-block;
    margin-right: 50px;
    position: relative;
    padding-bottom: 15px;
    line-height: 18px;
    cursor: pointer;
    color: #999;
}
.goods-info .buyer-protection-list li:before {
    content: '';
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}
.goods-info .buyer-protection-list .buyer-protection-30:before {
    width: 18px;
    height: 17px;
    background: url(../images/buyer_protection_30.png);
}
.goods-info .buyer-protection-list .buyer-protection-50:before {
    width: 16px;
    height: 18px;
    background: url(../images/buyer_protection_50.png);
}
#productPanels {
    margin-top: 20px;
}
.mod__body_table .sizechart-content-container {
    overflow: auto;
    max-width: 100%;
}
.mod__body_table .sizechart-toggle-block {
    margin-bottom: 20px;
    font-size: 0;
}
.mod__body_table a.js-sizechart-unit {
    text-transform: uppercase;
    font-size: 12px;
    padding: 0 20px;
    height: 30px;
    line-height: 30px;
    color: #2d2d2d;
    border: 1px solid #ddd;
    background: #fff;
    text-decoration: none;
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mod__body_table a.js-sizechart-unit.on {
    background: #2d2d2d;
    border-color: #2d2d2d;
    color: #fff;
}
.mod__body_table .sizechart-toggle-block .select-btn {
    position: relative;
}
.mod__body_table .sizechart-toggle-block .size-chart-select {
    height: 32px;
    float: right;
    border: 1px solid #ddd;
    border-radius: 2px;
    padding-left: 10px;
    color: #2d2d2d;
    font-size: 14px;
    background-color: #fff;
    padding-right: 30px;
}
.mod__body_table .mod-table {
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
.mod__body_table .mod-table td, .mod__body_table .mod-table th {
    font-size: 14px;
    padding: 0 10px;
    line-height: 18px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #e1e1e1;
    word-break: break-all;
}
.mod__body_table .mod-table thead {
    background: #ddd;
    color: #222;
}
.mod__body_table .mod-table th {
    color: #222;
    border: 1px solid #ccc;
}



.part-content-container .title-desc {
    font-size: 14px;
    line-height: 17px;
}
.part-content-container .shipping-content-wrap {
    margin: 20px 0 5px;
}
.part-content-container .shipping-country-select {
    position: relative;
}
.part-content-container #shipping_country_select {
    height: 40px;
    border: 1px solid #999;
    border-radius: 4px;
    width: 100%;
    padding: 0 16px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.part-content-container .shipping-content-wrap table {
    text-align: center;
    empty-cells: show;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 20px;
    table-layout: fixed;
    font-size: 14px;
}
.part-content-container .shipping-content-wrap thead {
    background-color: #f4f4f4;
    height: 40px;
}

.part-content-container .shipping-content-wrap td, .part-content-container .shipping-content-wrap th {
    border: none;
    min-width: 120px;
    padding: 0 20px;
    text-align: center;
}
.part-content-container .shipping-content-wrap th {
    height: 40px;
}
.part-content-container .shipping-content-wrap tbody tr{border-bottom:1px solid #ddd}


.part-content-container #shipping_content_body td {
    vertical-align: middle;
    padding: 15px;
}

.part-content-container .title-desc {
    font-size: 14px;
    line-height: 17px;
}
.part-content-container .shipping-detail-link {
    margin-top: 16px;
}
.content-desc p {
    color: #2d2d2d;
    font-size: 14px;
    line-height: 26px;
}

.tags-row .tag {
    display: inline-block;
    vertical-align: top;
    background-color: #fef2e8;
    color: #F1811F;
    height: 40px;
    line-height: 40px;
    padding: 0px 30px;
    border-radius: 30px;
}

.goods-gallery {
    margin-bottom: 40px;
}

.product-gallery .product-gallery-preview {
    float: right;
    width: 85.5%;
    position: relative;
}
.product-gallery .product-gallery-preview .slider-preview {
    width: 100%;
}

.product-gallery .product-gallery-thumblist {
    float: left;
    width: 12.5%;
}
.product-gallery .product-gallery-thumblist .product-gallery-thumblist-item {
    padding-bottom: 5px;
}
.product-gallery .product-gallery-thumblist .product-gallery-thumblist-item.slick-current.slick-active {
    opacity: 0.5;
}


.tabs-listing .product-tabs {
    border-bottom: 1px solid #e8e9eb;
    width: 100%;
}
.tabs-listing .product-tabs li {
    float: none;
    display: inline-block;
    margin-right: 20px;
}
.tabs-listing .product-tabs a {
    border-bottom: 1px solid transparent;
    margin-bottom: -1px;
    letter-spacing: 1px;
    display: block;
    border: none;
    padding: 15px 10px;
    background: none !important;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 0;
    outline: none;
    color: #2e2d2d;
}
.tabs-listing .product-tabs a.active, .tabs-listing .product-tabs a.active:focus {
    text-decoration: none;
    border: none;
    color: #000;
    border-bottom: 1px solid #000;
}
.tab-container {
    min-height: 400px;
}

.accordion-body table,
.tab-container table {
    width: auto !important;
    min-width: 100% !important;
    max-width: initial !important;
    margin-bottom: 15px;
}
.accordion-body th, .accordion-body td,
.tab-container th, .tab-container td {
    text-align: left;
    border: 1px solid #e8e9eb;
    padding: 10px 14px;
}

/*评论*/
.goods-review-header {
    margin-top: 40px;
}
.goods-review-header .site-custom-title-4, .goods-review-header h4 {
    text-transform: uppercase;
    color: #2d2d2d;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
}

.goods-review-header .review-summary-container {
    background: #f7f7f7;
    padding: 30px 80px;
}
.goods-review-header .average {
    padding-top: 20px;
}
.goods-review-header .average .rate {
    color: #ffaa1f;
    font-size: 36px;
    line-height: 43px;
    text-align: center;
}
.goods-review-header .average .star {
    margin-top: 10px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    line-height: 4px;
}
.goods-review-header .average .review-star {
    display: inline-block;
    margin:0px 2px;
    width: 20px;
    height: 20px;
    background: url(../images/star.png);
    position: relative;
}
.goods-review-header .average .review-star.rated {
    background: url(../images/star_on.png);
}

.goods-review-header .fit {
    margin-left: 60px;
    margin-right: 60px;
    padding-right: 70px;
    margin-top: 5px;
    border-right: 1px solid #ddd;
}
.goods-review-header .fit .data {
    font-size: 14px;
}
.goods-review-header .fit .progress {
    width: 210px;
    height: 10px;
    background: #eee;
    position: relative;
    display: block;
    margin-bottom: 10px;
    border-radius: 5px;
}
.goods-review-header .fit .progress i {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    background: #ffaa1f;
    border-radius: 5px;
}
.goods-review-header .review-photo .slide {
    height: 125px;
    overflow: hidden;
}
.goods-review-header .review-photo .slide li {
    width: 94px;
    height: 125px;
    overflow: hidden;
    text-align: center;
    float: left;
    cursor: pointer;
    margin-right: 13px;
    line-height: 125px;
}
.goods-review-header .review-photo .slide li img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.goods-review-body .header {
    font-size: 14px;
    margin-top: 30px;
    border-bottom: 1px solid #ddd;
    line-height: 4;
    padding-right: 16px;
    padding-bottom: 20px;
}
.goods-review-body .review-sort-title {
    height: 30px;
    line-height: 30px;
}
.goods-review-body .filter-review {
    margin-left: 20px;
}

.goods-review-body .filter-review .filter-review-nav {
    float: left;
}
.goods-review-body .filter-review .filter-review-nav li {
    float: left;
    height: 30px;
    line-height: 28px;
    padding: 0 12px;
    border: 1px solid #ddd;
    border-radius: 15px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.goods-review-body .filter-review .filter-review-nav li+li {
    margin-left: 20px;
}

.goods-review-body .filter-review .filter-review-nav li.active {
    border-color: #fe5269;
}
.goods-review-body .filter-review .filter-review-nav li.active a {
    color: #fe5269;
}
.goods-review-body .filter-review .filter-select-container {
    height: 30px;
    line-height: 30px;
    margin-left: 20px;
    float: left;
    margin-top: -4px;
}

.goods-review-body .filter-review .filter-select-container .filter-review-select {
    display: inline-block;
    vertical-align: top;
    padding: 0 12px;
    position: relative;
    border: 1px solid #ddd;
    border-radius: 3px;
    height: 36px;
    line-height: 34px;
    padding-right: 24px;
    min-width: 220px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}
.goods-review-body .filter-review .filter-select-container .filter-review-select:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    *display: inline;
    *zoom: 1;
    border-style: solid;
    border-color: transparent;
    border-width: 5px 5px 0 5px;
    border-top-color: #909399;
    position: absolute;
    right: 5px;
    top: 15px;
}
.goods-review-body .review-sort-title {
    height: 30px;
    line-height: 30px;
}
.goods-review-body .filter-review .filter-select-container .filter-select-placeholder {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    margin-left: 6px;
    color: #2d2d2d;
}
.goods-review-body .filter-review .filter-select-container .filter-select-items {
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.09);
    border-radius: 2px;
    line-height: 28px;
    position: absolute;
    left: 0;
    width: 100%;
    top: 100%;
    margin-top: 1px;
    z-index: 1;
    background-color: #fff;
    display: none;
}
.goods-review-body .filter-review .filter-select-container .filter-select-items li {
    padding: 0 12px;
}
.goods-review-body .filter-review .filter-select-container .filter-select-items li.active, 
.goods-review-body .filter-review .filter-select-container .filter-select-items li:hover {
    background-color: #f7f7f7;
}


.goods-review-body .item {
    font-size: 14px;
    height: 100%;
    border-bottom: 1px solid #ddd;
}
.goods-review-body .item .content {
    margin: 20px 0;
    position: relative;
}
.goods-review-body .item .review {
    max-width: 1080px;
    color: #666;
    padding-bottom: 0px;
    border-bottom: 0px;
    margin-bottom: 0px;
}
.goods-review-body .item .review .name {
    margin-right: 10px;
    line-height: 12px;
}
.goods-review-body .item .review .review-size-info span {
    display: inline-block;
    margin-right: 10px;
}
.goods-review-body .item .photos {
    margin-top: 10px;
}
.goods-review-body .item .photos a.js-reviewPic {
    width: 100px;
    height: 134px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    float: left;
    margin-right: 15px;
}


/*文章*/
.articleWrap {
    font-size: 16px;
    line-height: 1.5;
}
.articleWrap p {
    margin-bottom: 1rem
}

/*找回密码*/

.resetPass .restPassMain {
    width: auto;
    margin-left: auto;
    margin-right: auto;
}
.resetPass .setEmail {
    width: 500px;
}
.resetPass .setEmail .h {
    font-size: 24px;
}
.resetPass .setEmail .h .success-icon {
    width: 40px;
    height: 40px;
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
    background: url() no-repeat center center;
}
.resetPass .setEmail .tips {
    margin: 40px 0px;
    color: #999;
    font-size: 14px;
    line-height: 17px;
}
.resetPass .setEmail .ipt_t {
    position: relative;
    margin-bottom: 33px;
    width: 100%;
}
.resetPass .setEmail .pinkBtn {
    display: block;
    background-color: #000;
    border: 2px solid #2d2d2d;
    color: #fff;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
    width: 100%;

}


.el-form-item__label {line-height: 100%;font-size: 16px;}

/*产品详情*/
@media (max-width: 992px) {
    .product-gallery .product-gallery-preview {
        width: 100%;
    }
    .product-gallery .product-gallery-thumblist {
        width: 100%;
    }
    .product-gallery .product-gallery-thumblist .product-gallery-thumblist-item {
        padding: 5px;
    }

    /*找回密码*/

    .resetPass .restPassMain {
        width: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .resetPass .setEmail {
        width: 100%;
    }
    .resetPass .setEmail .h {
        font-size: 20px;
    }
    .resetPass .setEmail .h .success-icon {
        width: 40px;
        height: 40px;
        display: inline-block;
        margin-right: 20px;
        vertical-align: middle;
        background: url() no-repeat center center;
    }
    .resetPass .setEmail .tips {
        margin: 20px 0px;
        color: #999;
        font-size: 14px;
        line-height: 17px;
    }
    .resetPass .setEmail .ipt_t {
        position: relative;
        margin-bottom: 33px;
        width: 100%;
    }
    .resetPass .setEmail .pinkBtn {
        display: block;
        background-color: #000;
        border: 2px solid #2d2d2d;
        color: #fff;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 18px;
        width: 100%;

    }

    /*购物车*/
    .cartList {
        width: 100%;
    }

    .carRight {
        width: 100%;
    }


    /*下单*/
    .checoutInnerWrap {
        width: 100%;
        margin-bottom: 30px;
    }

    /*个人中心*/
    .userBox .account-setting-info li .birthday-block .ui-input-group {
        width: calc(33.333% - 10px);
    }
    .userBox .account-setting-info li .ui-input-group .input-skin {
        padding: 0px 10px;
    }
    .personalInfo.account-setting-info .submit-block button {width: 100%;}

    /*优惠券*/
    .user-coupon-content .coupon-info-container {
        width: 100%;
    }
    .user-coupon-content .coupon-info-container:nth-child(even) {
        margin-left: 0;
    }
    .user-coupon-content .coupon-info-container .coupon-element {
        height: 134px;
    }

    /*地址*/
    .addressBook .list {
        width: 100%;
        margin:0px 0px 15px 0;
    }

    /*钱包*/
    .user-wallet .user-wallet-content .wallet-money-info dl {
        width: calc(50% - 10px);
        padding: 20px 10px;
    }
    .user-wallet .user-wallet-content .wallet-money-info dl+dl {
        margin-left: 20px;
    }
    .user-wallet .user-wallet-content .wallet-money-info dl dt {
        font-size: 16px;
    }

    
    .userBox h4.title {font-size: 18px;}
    .changepass {padding-top: 0px;}
    .userBox .i_table li {
        padding-bottom: 15px;
        overflow: hidden;
        display: flex;
        flex-wrap: wrap;
    }
    .userBox .i_table .i_table_l {
        width: 100%;
        font-size: 16px;
        padding-right: 10px;
        line-height: 40px;
        text-align: left;
    } 
    .userBox .userRedBtn {
        width: 100%;
        height: 45px;
    }
}

@media (max-width: 768px) {
    /*购物车*/
    .cart-flex {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
    }
    .cart-flex-item {
        display: block;
        min-width: 0;
        flex: 1 1 100%;
    }
    .cartList .cart_checked {
        flex: 0 0 40px;
    }
    .cartList .cart_image {
        flex: 0 0 85px;
    }
    .cartList .cart_meta {
        flex: 1 1 0%;
    }
    .cartList .cart_meta_title {
        margin-bottom: 5px;
        font-size: 14px;
    }
    .cartList .cart_meta_price {
        margin-bottom: 5px;
        font-size: 18px;
    }
    .cartList  .cart_meta_text {
        font-size: 14px;
    }
    .cartList .itemBtn {
        margin: 1px 0px 20px;
        padding: 20px;
        font-size: 14px;
    }
    .cartList .itemBtn .line_checkbox {display: none;}
    .cartList .itemBtn .subtotal {
        font-size: 16px;
    }
    .carRight .checkoutBtn {
        height: 45px;
        font-size: 16px;
    }

    .cartBox .title h4 {font-size: 20px;}
    
    .saderBar {width: 100%;border-right:0px;padding: 15px;margin-bottom: 50px;border-radius:6px;box-shadow: 0 .3rem 1.525rem -0.375rem rgba(0,0,0,.1) !important;}
    .saderBar .my-account {margin-bottom: 15px;}
    .saderBar ul li {border-bottom: 1px solid #e3e3e3;}
    .saderBar ul li a {display: block;line-height: 25px;}

    .userBox {width: 100%;min-height: 465px;}

    .userBox .account-setting-info li.avavtar-contanier .avatarBox .upload {height: auto;}
    
    /*优惠券*/
    .user-coupon-content .coupon-info-container .coupon-value {
        font-size: 16px;
    }


    .to-be-evaluated .items {
        flex-wrap: wrap;
    }

    .to-be-evaluated .items .items-info {width: 100%;}
    .to-be-evaluated .items .ps-sm-3 {width: 100%;text-align: right !important; }
    .to-be-evaluated .items .items-info .info .product-title {font-size: 14px;}
    .to-be-evaluated .items .items-info .info .price {font-size: 20px;}

    .customWidth .el-dialog {
        width: 90%;
    }
}
@media (min-width: 767px) {
    tr.nshow {
        display: none;
    }
}
@media (max-width: 767px) {
    .cart_meta_text-btn {
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }

    .order-state-list a {
        margin-bottom: 10px;
    }


    .userTable .th {display: none;}
    .userTable .td,
    .userTable .tr td.goods,
    .userTable .tr td.status {
        display: block;
        width: 100%;
        padding: 5px 10px;
    }
    .userTable .tr td.goods {
        padding: 0px 10px;
    }
    .userTable .cell .cell-goods {
        padding: 10px 0px;
    }
    .userTable .cell .cell-row {
        padding: 0px 5px;
    }
    .userTable .cell {
        align-items: center;        
        flex-direction: row;
        justify-content: flex-end;
    }
    .userTable a.cell_btn {
        display: inline-block;
        margin-left: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 30%;
        padding: 0px 10px;
    }
    .userTable .status .cell>a {
        color:#FF4040;
    }


    .userTable.orderDetailPro td {
        display: block;
        width: 100%;
    }
    .userTable.orderDetail td.logsss_event_ps {
        display: block;
        width: 100%;
    }

    .userTable .orderDetailPro th {
        display: none;
    }

    .userTable.orderDetail th.th_block {
        width: 100%;
        display: block;
    }
}